<template>
  <div class="tip-logo" style="z-index: 0">
    <el-tooltip class="item" effect="dark" :content="title" placement="top">
      <template #content>
        <div v-text="content"></div>
      </template>
      <svg-icon class="text-[16px]" v-if="type == 2" icon-class="why" />
      <img v-else-if="type == 1" src="@/assets/images/wenhao.png" />
      <el-icon v-else-if="type == 3" class="color-red text-[16px]"><Warning /></el-icon>
    </el-tooltip>
  </div>
</template>

<script setup>
defineProps({
  // 1问号2.感叹号3.error(红色感叹号)
  type: {
    type: String,
    required: true,
  },
  content: {
    type: String,
    required: true,
  },
})
</script>

<style lang="scss" scoped>
.tip-logo {
  cursor: pointer;
  padding-left: 4px;
  font-size: 15px;
  display: flex;
  align-items: center;
  img {
    cursor: pointer;
  }
}
</style>
